<div class="ibox">
    <div class="ibox-title">
        <h5>
            <vc:i18n name="购买月卡" namespace="buyCarMonthCard"></vc:i18n>
        </h5>
        <div class="ibox-tools" style="top:10px;">
        </div>
    </div>
    <div class="ibox-content">
        <div class="form-group row">
            <label class="col-sm-2 col-form-label text-right">
                <vc:i18n name='车牌号' namespace='buyCarMonthCard'></vc:i18n>
            </label>
            <div class="col-sm-8">
                <input v-model="buyCarMonthCardInfo.carNum" type="text" @blur="_queryOwnerCar()"
                    :placeholder="vc.i18n('必填，请填写车牌号','buyCarMonthCard')" class="form-control">
            </div>
        </div>
        <div class="form-group row">
            <label class="col-sm-2 col-form-label text-right">
                <vc:i18n name='月卡' namespace='buyCarMonthCard'></vc:i18n>
            </label>
            <div class="col-sm-8">
                <select class="custom-select" v-model="buyCarMonthCardInfo.cardId" @change="_changeCard()">
                    <option selected disabled value="">
                        {{vc.i18n('必填，请选择月卡','addChargeMonthOrder')}}
                    </option>
                    <option v-for="(item,index) in buyCarMonthCardInfo.cards" :key="index" v-bind:value="item.cardId">
                        {{item.cardName}}({{item.cardMonth}}月)
                    </option>
                </select>
                <span>月卡请到物联网系统添加，需要添加到车辆所在的停车场</span>
            </div>
        </div>
        <div class="form-group row">
            <label class="col-sm-2 col-form-label text-right">
                <vc:i18n name='支付方式' namespace='buyCarMonthCard'></vc:i18n>
            </label>
            <div class="col-sm-8">
                <select class="custom-select" v-model="buyCarMonthCardInfo.primeRate">
                    <option selected disabled value="">{{vc.i18n('必填，请选择支付方式','buyCarMonthCard')}}
                    </option>
                    <option v-for="(item,index) in buyCarMonthCardInfo.primeRates" :key="index"
                        v-if="item.statusCd != '5' && item.statusCd != '6' && item.statusCd != '8'" :value="item.statusCd">
                        {{item.name}}
                    </option>
                </select>
            </div>
        </div>
        <div class="form-group row">
            <label class="col-sm-2 col-form-label text-right">
                <vc:i18n name='应收金额' namespace='buyCarMonthCard'></vc:i18n>
            </label>
            <div class="col-sm-8">
                <input v-model="buyCarMonthCardInfo.receivableAmount" type="text" disabled
                    :placeholder="vc.i18n('必填，请填写应收金额','buyCarMonthCard')" class="form-control">
            </div>
        </div>
        <div class="form-group row">
            <label class="col-sm-2 col-form-label text-right">
                <vc:i18n name='实收金额' namespace='buyCarMonthCard'></vc:i18n>
            </label>
            <div class="col-sm-8">
                <input v-model="buyCarMonthCardInfo.receivedAmount" type="number"
                    :placeholder="vc.i18n('必填，请填写实收金额','buyCarMonthCard')" class="form-control">
            </div>
        </div>
        <div class="form-group row">
            <label class="col-sm-2 col-form-label text-right">
                <vc:i18n name='备注' namespace='buyCarMonthCard'></vc:i18n>
            </label>
            <div class="col-sm-8">
                <textarea v-model="buyCarMonthCardInfo.remark" :placeholder="vc.i18n('选填，请填写备注','buyCarMonthCard')"
                    class="form-control"></textarea>
            </div>
        </div>

        <div class="ibox-content">
            <div class="row">
                <div class="col-sm-10">

                    <button class="btn btn-primary float-right" type="button" v-on:click="saveCarMonthOrderInfo()">
                        <i class="fa fa-check"></i>&nbsp;提交
                    </button>
                    <button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
                        @click="vc.goBack()">
                        <vc:i18n name="返回" namespace="buyCarMonthCard"></vc:i18n>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>